<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/writeBlog.css">

    <!-- 引入 editor.md 的依赖 -->
    <link rel="stylesheet" href="./editor.md/css/editormd.min.css">
    <script src="./lib/jquery-3.6.1.min.js"></script>
    <script src="./editor.md/lib/marked.min.js"></script>
    <script src="./editor.md/lib/prettify.min.js"></script>
    <script src="./editor.md/editormd.js"></script>
<!--    <script src="./editor.md-master/lib"></script>-->
</head>
<body>
<header>
<!--    logo-->
    <span class="logoSpan">
        logo
    </span>
<!--    发布按钮-->

        <button class="submitSpan" id="submit">发布文章</button>

</header>

<!-- 编辑框容器 -->
<div class="blogEdit">
    <!-- 标题编辑区 -->
    <div class="title">
        <div class="text_div">标题:</div>
        <input type="text" placeholder="在这里写下文章标题（最多输入15字）" id="title" minlength="2" maxlength="15">
    </div>
    <div class="summary">
        <div class="text_div">摘要:</div>
        <textarea placeholder="在这里写下文章的摘要、简介（最多输入100字）" id="summary" minlength="2" maxlength="100"></textarea>
    </div>
    <!-- 创建编辑器标签 -->
    <div id="myEditor"></div>
</div>



<script>
    // 初始化编辑器
    var editor = editormd("myEditor", {
        // 这里的尺寸必须在这里设置，设置样式会被 editormd 自动覆盖掉。
        width: "100%",
        // 高度 100% 意思是和父元素一样高，要在父元素的基础上去掉标题编辑区的高度
        height: " 1000px",
        // 编辑器中的初始内容
        // markdown: "请输入内容",
        // 指定 editor.md 依赖的插件路径（注意这里一定要写正确！！博主就在这里卡了好久……）
        path: "./editor.md/lib/",
        //背景默认文字
        placeholder:"请输入内容："
    });
</script>

<script src="js/writeBlog.js"></script>
</body>
</html>